<template>
  <Watermark text="刘宁低代码平台" :color="'#eee'" :fontSize="14" :opacity="1" :angle="-40">
    <div class="content">
      <h1>水印示例</h1>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
      <p>这是一个带有水印功能的内容区域。</p>
    </div>
  </Watermark>
</template>

<script setup lang="ts">
import Watermark from '@/components/waterMark/index.vue'
</script>

<style>
.content {
  padding: 20px;
  p{
    color: black;
  }
}
</style>
